:root {
    --primary-color: #409EFF;

    /* 小号字体 */
    --mini-fontSize: 14px;
    /* 正常大小字体 */
    --normal-fontSize: 16px;
    /* 大号字体 */
    --large-fontSize: 24px;

    /* 登录页面透明背景 */
    --bg-color: rgba(255, 255, 255, .19);
}
.el-icon {
    margin-right: 5px;
}
.el-table .el-table__cell {
    text-align: center !important;
}

.main_content {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    height: calc(100% - 70px);
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}
/* 面板动画 */
.flag-enter-from,
.flag-leave-to {
    opacity: 0;
    transform: translateY(-100px);
}
.flag-enter-active,
.flag-leave-active {
    transition: all .2s linear;
}
.flag-enter-to,
.flag-leave-from {
    opacity: 1;
    transform: translateY(0);
}
/* 蒙版动画 */
.cover-enter-from,
.cover-leave-to {
  opacity: 0;
}
.cover-enter-to,
.cover-leave-from {
  opacity: 1;
}
.cover-enter-active,
.cover-leave-active {
  transition: all .2s linear;
}

/* 动画三 */
.dm_panel-enter-from,
.dm_panel-leave-to {
    opacity: 0;
    transform: scale(0)
}
.dm_panel-enter-active,
.dm_panel-leave-active {
    transition: all .2s linear;
}
.dm_panel-enter-to,
.dm_panel-leave-from {
    opacity: 1;
    transform: scale(1)
}

/* 错误信息提示动画 */
.error_tip {
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    color: #F56C6C;
}

.errorStyle {
    border: 1px solid #F56C6C;
    border-radius: 4px;
    --el-input-focus-border-color: #F56C6C !important;
}

.showTips-enter-from, 
.showTips-leave-to {
    transform: scale(0);
    opacity: 0;
}
.showTips-enter-to,
.showTips-leave-from {
    transform: scale(1);
    opacity: 1;
}
.showTips-enter-active,
.showTips-leave-active {
    transition: all .3s linear;
}